<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<button>get</button>
	<button>delete</button>
	<button>post</button>
</body>
<script type="module">
	import yuma from "./yuma.js"
	const btns = document.querySelectorAll("button");
	btns[0].onclick = function(){
		// 1- yuma是一个函数
		// 2- yuma函数接收一个参数（对象-配置对象）
		// 3- yuma函数返回的是一个Promise实例，
		// 实例的成功值是一个对象，
		// 对象下的data属性是响应体数据。
		// yuma({
		// 	// http://zhangpeiyue.com/info?username=lisi&age=100
		// 	url:"http://zhangpeiyue.com/info?sex=100",
		// 	params:{
		// 		username:"lisi",
		// 		age:100
		// 	}
		// }).then(value=>{
		// 	console.log(value.data)
		// });
		
		yuma.get("http://zhangpeiyue.com/info?sex=100",{
			params:{
				username:"lisi",
				age:100
			}
		}).then(value=>{
			console.log(value.data);
		})
	}
	btns[1].onclick = function(){
		// yuma({
		// 	method:"delete",
		// 	// http://zhangpeiyue.com/info?username=lisi&age=100
		// 	url:"http://zhangpeiyue.com/info?sex=100",
		// 	params:{
		// 		username:"lisi",
		// 		age:100
		// 	}
		// }).then(value=>{
		// 	console.log(value.data)
		// });
		
		yuma.delete("http://zhangpeiyue.com/info?sex=100",{
			params:{
				username:"lisi",
				age:100
			}
		}).then(value=>{
			console.log(value.data);
		})
	}
	btns[2].onclick = function(){
		// axios.post("地址","请求体","配置对象")
	}
</script>
</html>